<!DOCTYPE html>                                             
<html lang="en">
<head>
  <title>Mspares</title>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <meta name="author" content=""/>
  <meta name="description" content=""/>
  <meta name="keywords" content=""/>
  <link rel="stylesheet" href="css/main.css" media="all"/>
  <!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" media="all"/><![endif]-->
  <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 <link href="favicon.ico" rel="shortcut icon"/>
</head>                     
                                            
<body>
  <!-- wrapper Start -->
  <div class="wrapper">
    <!-- header Start -->
    <header class="header">
      <div class="header__top-panel">
        <div class="header__top-panel__inner">
          <div class="select-city">
            <span class="select-city__link">
              <span>Москва и Подмосковье</span>
            </span>
            <div class="select-city__confirmation">
              <div class="select-city__confirmation__corn">&nbsp;</div>
              <div class="select-city__confirmation__inner">
                <p>Ваш город - Петропавловск-Камчатский?</p>
                <ul class="select-city__confirmation__button-list">
                  <li>
                    <a href="#">Да</a>
                  </li>
                  <li>
                    <a href="#">Нет</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>  
          <a href="#authorization" class="authorization-button show-popup">Авторизация</a>
          <nav class="main-navi">
            <ul>
              <li>
                <a href="#">Компания</a>
              </li>
              <li>
                <a href="#">Доставка</a>
              </li>
              <li>
                <a href="#">Оплата и гарантия</a>
              </li>
              <li>
                <a href="#">Прайс-лист</a>
              </li>
              <li>
                <a href="#">Контакты</a>
              </li>
            </ul>
          </nav>
        </div>  
      </div>
      <div class="header__middle-panel indent-none">
        <div class="header__middle-panel__inner">
          <ul class="header__middle-panel__list">
            <li class="header__middle-panel__list__item">
              <div class="logo">
                <a href="#">Mspares.ru</a>
              </div>
            </li>
            <li class="header__middle-panel__list__item">  
              <div class="contact-info">
                <div class="contact-info__inner">
                  <address>
                    <span>8 (495) 988-0-911</span>
                  </address>
                  <div class="contact-info__sub-navi">
                    <ul>
                      <li class="contact-info__sub-navi__order-call">
                        <a href="#">Закажите звонок</a>
                      </li>
                      <li class="contact-info__sub-navi__consultant">
                        <a href="#">Онлайн консультант</a>
                      </li>
                    </ul>
                  </div>
                </div>  
                <dl>
                  <dt>Режим работы:</dt>
                  <dd>9:00 - 18:00</dd>
                </dl>
              </div>
            </li>
            <li class="header__middle-panel__list__item">  
              <div class="messengers">
                <ul>
                  <li class="messengers__skype">
                    <a href="#">mspares</a>
                  </li>
                  <li class="messengers__icq">4667777</li>
                </ul>
              </div>
            </li>  
            <li class="header__middle-panel__list__item">&nbsp;</li>
          </ul>    
        </div>  
      </div>
    </header>  
    <!-- header end -->
    <!-- page Start -->
    <div class="page">
      <div class="page__inner">
        <nav class="bread-crumbs">
          <ul>
            <li>
              <a href="#">Главная</a>
            </li>
            <li class="selected">
              <a href="#">О компании</a>
            </li>  
          </ul>
        </nav> 
        <div class="page__content">
          <div class="page__content__inner">
            <section class="main-content">
              <h1 class="global-small-title">Корзина</h1>
              <table class="global-table">
                <thead>
                  <tr class="center">
                    <th>&nbsp;</th>
                    <th>Наименование</th>
                    <th>Цена розн.</th>
                    <th>Цена опт.</th>
                    <th>Количество</th>
                    <th>Общая стоимость</th>
                    <th>&nbsp;</th>
                  </tr>
                </thead>
                <tbody class="center">
                  <tr>
                    <td>
                      <div class="global-photo">
                        <a href="#">
                          <img src="images/src/global-table-photo.jpg" alt="global-table-photo" />
                        </a>
                      </div>
                    </td>
                    <td>
                      <a href="#" class="global-table__link">Дисплей для Samsung GALAXY S III ( S3 ) - GT-i9300 дисплей с тачскрином, белый, оригинал.</a>
                    </td>
                    <td>
                      <span class="global-table__price">15 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <span class="global-table__price">15 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <div class="number__counter">
                        <div class="number__counter__fewer">
                          <span>-</span>
                        </div>
                        <div class="number__counter__result">
                          <input type="text" value="1" />
                        </div>
                        <div class="number__counter__more">
                          <span>+</span>
                        </div>
                      </div>
                    </td>
                    <td>
                      <span class="global-table__price">150 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <a href="#" class="global-table__delete">
                        <span>Удалить</span>
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <div class="global-photo">
                        <a href="#">
                          <img src="images/src/global-table-photo.jpg" alt="global-table-photo" />
                        </a>
                      </div>
                    </td>
                    <td>
                      <a href="#" class="global-table__link">Дисплей для Samsung GALAXY S III ( S3 ) - GT-i9300 дисплей с тачскрином, белый, оригинал.</a>
                    </td>
                    <td>
                      <span class="global-table__price">15 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <span class="global-table__price">15 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <div class="number__counter">
                        <div class="number__counter__fewer">
                          <span>-</span>
                        </div>
                        <div class="number__counter__result">
                          <input type="text" value="1" />
                        </div>
                        <div class="number__counter__more">
                          <span>+</span>
                        </div>
                      </div>
                    </td>
                    <td>
                      <span class="global-table__price">150 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <a href="#" class="global-table__delete">
                        <span>Удалить</span>
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <div class="global-photo">
                        <a href="#">
                          <img src="images/src/global-table-photo.jpg" alt="global-table-photo" />
                        </a>
                      </div>
                    </td>
                    <td>
                      <a href="#" class="global-table__link">Дисплей для Samsung GALAXY S III ( S3 ) - GT-i9300 дисплей с тачскрином, белый, оригинал.</a>
                    </td>
                    <td>
                      <span class="global-table__price">15 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <span class="global-table__price">15 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <div class="number__counter">
                        <div class="number__counter__fewer">
                          <span>-</span>
                        </div>
                        <div class="number__counter__result">
                          <input type="text" value="1" />
                        </div>
                        <div class="number__counter__more">
                          <span>+</span>
                        </div>
                      </div>
                    </td>
                    <td>
                      <span class="global-table__price">150 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <a href="#" class="global-table__delete">
                        <span>Удалить</span>
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <div class="global-photo">
                        <a href="#">
                          <img src="images/src/global-table-photo.jpg" alt="global-table-photo" />
                        </a>
                      </div>
                    </td>
                    <td>
                      <a href="#" class="global-table__link">Дисплей для Samsung GALAXY S III ( S3 ) - GT-i9300 дисплей с тачскрином, белый, оригинал.</a>
                    </td>
                    <td>
                      <span class="global-table__price">15 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <span class="global-table__price">15 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <div class="number__counter">
                        <div class="number__counter__fewer">
                          <span>-</span>
                        </div>
                        <div class="number__counter__result">
                          <input type="text" value="1" />
                        </div>
                        <div class="number__counter__more">
                          <span>+</span>
                        </div>
                      </div>
                    </td>
                    <td>
                      <span class="global-table__price">150 000 <span class="currency">c</span></span>
                    </td>
                    <td>
                      <a href="#" class="global-table__delete">
                        <span>Удалить</span>
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
              <ul class="order-info">
                <li>
                  <dl>
                    <dt>Итого:</dt>
                    <dd>150 000 <span class="currency">i</span></dd>
                  </dl>
                </li>
                <li>
                  <p>Номер вашего заказа: <strong>#MS256478</strong></p>
                  <p>Вы можете проконсультироваться со специалистом просто позвонив и назвав номер заказа.</p>
                </li>
              </ul>
              <h3 class="global-small-title">Способ доставки:</h3>
              <form class="order-form">
                <fieldset>
                  <div class="checkbox">
                      <input id="shipping" type="checkbox" />
                      <label for="shipping">
                        <span class="checkbox__box">&nbsp;</span>
                        <span class="checkbox__text">Доставка</span>
                      </label>
                    </div>
                </fieldset>
                <fieldset>
                  <ul class="order-form__top-list">
                    <li>
                      <div class="checkbox">
                        <input id="pickup" type="checkbox" />
                        <label for="pickup">
                          <span class="checkbox__box">&nbsp;</span>
                          <span class="checkbox__text">Самовывоз</span>
                        </label>
                      </div>
                    </li>
                    <li>
                      <div class="select">
                        <select>
                          <option>Нижний Новгород ул. Большая покровская</option>
                          <option>Нижний Новгород ул. Большая покровская</option>
                          <option>Нижний Новгород ул. Большая покровская</option>
                        </select>
                      </div>
                    </li>
                  </ul>      
                </fieldset>
                <fieldset>
                  <ul class="order-form__list">
                    <li>
                      <div class="order-form__list__item">
                        <label for="name">Имя получателя</label>
                        <div class="type-text">
                          <input id="name" type="text" />
                        </div> 
                      </div>  
                    </li>  
                    <li>
                      <div class="order-form__list__item">
                        <label for="mail">Электронная почта</label>
                        <div class="type-text">
                          <input id="mail" type="text" />
                        </div>
                      </div>   
                    </li>  
                    <li>
                      <div class="order-form__list__item">
                        <label for="phone">Телефон</label>
                        <div class="type-text">
                          <input id="phone" type="text" />
                        </div> 
                      </div>  
                    </li>  
                    <li>
                      <div class="order-form__list__item">
                        <a href="#" class="order-form__list__link">Добавить телефон</a>
                      </div>  
                    </li>   
                  </ul>  
                </fieldset>
                <fieldset>
                  <label for="text">Адрес</label>
                  <div class="textarea">
                    <textarea rows="10" cols="45" id="text"></textarea>
                  </div> 
                </fieldset>
                <fieldset>
                  <input class="order-form__button" type="submit" value="Подтвердить заказ" />
                </fieldset>
              </form>
            </section>  
          </div>  
        </div>   
      </div>  
    </div>
    <!-- page end -->
  </div>
  <!-- wrapper end -->
  <!-- fotoer Start -->
  <footer class="footer">
    <ul class="footer__list">
      <li class="footer__list__item">
        <div class="footer__logo">
          <span>Mspares.ru</span>
        </div>
      </li>
      <li class="footer__list__item">
        <nav class="footer__navi">
          <ul>
            <li>
              <a href="#">Компания</a>
            </li>
            <li>
              <a href="#">Доставка</a>
            </li>
            <li>
              <a href="#">Оплата и гарантия</a>
            </li>
            <li>
              <a href="#">Контаты</a>
            </li>
          </ul>
        </nav>
      </li>
      <li class="footer__list__item">
        <div class="select-city">
          <span class="select-city__link">
            <span>Москва и Подмосковье</span>
          </span>
          <div class="select-city__confirmation">
            <div class="select-city__confirmation__inner">
              <p>Ваш город - Петропавловск-Камчатский?</p>
              <ul class="select-city__confirmation__button-list">
                <li>
                  <a href="#">Да</a>
                </li>
                <li>
                  <a href="#">Нет</a>
                </li>
              </ul>
            </div>
            <div class="select-city__confirmation__corn">&nbsp;</div>
          </div>
        </div>
        <div class="contact-info">
            <div class="contact-info__inner">
              <address>
                <span>8 (495) 988-0-911</span>
              </address>
              <div class="contact-info__sub-navi">
                <ul>
                  <li class="contact-info__sub-navi__order-call">
                    <a href="#">Закажите звонок</a>
                  </li>
                  <li class="contact-info__sub-navi__consultant">
                    <a href="#">Онлайн консультант</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
      </li> 
      <li class="footer__list__item">
        <a href="#" class="development">Brander</a>
      </li> 
    </ul>    
  </footer>
  <!-- fotoer end -->
  <!-- global-popup Start -->
  <div id="authorization" class="global-popup">
    <div class="global-popup__description">
      <div class="global-popup__description__inner">
        <span class="global-popup__close">
          <span>Закрыть</span>
        </span>
        <h2 class="global-small-title">Авторизация</h2>
        <form>
          <fieldset>
            <label for="login">Логин</label>
            <div class="type-text">
              <input id="login" type="text" />
            </div>  
          </fieldset>
          <fieldset>
            <label for="password">Пароль</label>
            <div class="type-text">
              <input id="password" type="text" />
            </div>  
          </fieldset>
          <fieldset>
            <input class="type-submit-bt" type="submit" value="Войти" />
          </fieldset>
        </form>
      </div>  
    </div>
    <div class="global-popup__popup-overlay">&nbsp;</div>
  </div>
  <!-- global-popup end -->
  <!-- jQuery library -->
  <script type="text/javascript" src="js/jquery.js"></script>
  <!-- jQuery Plugin scripts -->
  <script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>
  <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
  <!-- jQuery scripts -->
  <script type="text/javascript" src="js/jquery.sliderkit.1.9.2.pack.js"></script>
  <script type="text/javascript" src="js/jquery.ui-slider.js"></script>
  <script type="text/javascript" src="js/jquery.core-ui-select.js"></script>
  <script src="js/jquery.scrollbar.min.js"></script>
  <script src="js/placeholder.js"></script>
  <script type="text/javascript" src="js/scripts.js"></script>
</body>

</html>                         